/** "国内折扣"详情页样式文件 **/ 
.getDetails {
    width: 100%;
    min-width: 320px;
    max-width: 640px;
    background-color: #f7f7f7;
    margin: 0 auto;

    // 网页顶部
    > header {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        padding:4px 6px ;
        // flex布局
        display: flex;
        background-color: #ff841d;

        > span {
            flex:1;
            font-size:18px;
            color:#fff;
            line-height: 42px;
            text-align: center;
        }

        > a:nth-child(1) {
            width: 40px;
            height: 40px;
            font-size:38px;
            color: #fff;
        }

        > a:nth-of-type(2) {
            width:44px;
            height: 42px;

            > img {
                width: 100%;
                height: 100%;
            }
        }
    }

    // 商品详情信息
    .info {
        width: 100%;

        // 标题信息
        > .title {
            width: 100%;
            height: 100px;
            background-color: aqua;
        }

        // 商品介绍
        > .introdution {
             img {
                float: right;
                width: 100px;
            }
        }

        // 商品大图
        .img {
            width:200px;
            height: 200px;
            margin: 20px 0;
            margin-left: 20%;
        }

        // 有货地区列表
    }
   
    // 网页底部
    footer {
        width: 100%;

        > .f_down {
            width: 100%;
            max-width: 640px;
            height: 100px;
            background-color: #efefef;
            // 定位：写死底部
            position: fixed;
            bottom: 0;


            > div:nth-of-type(1){
                height: 30px;
                border-top:1px solid #bbb;
                border-bottom: 1px solid #bbb;
                display: flex;

                > a,span {
                    flex:1;
                    height: 100%;
                    box-sizing: border-box;
                    line-height:30px;
                    text-align: center;
                }

                > a:nth-child(2){
                    border-left: 1px solid #bbb;
                    border-right: 1px solid #bbb;
                }
            }

            > div:nth-child(2){
                font-size: 14px;
                width: 100%;
                height: 68px;
                box-sizing: border-box;
                padding-top:10px;
                text-align: center;

                > p {
                    line-height: 20px;
                }

                > p:nth-child(1){
                    > span:nth-child(1) {
                        color:red;
                    }

                    > span:nth-child(2){
                        font-weight: 700;
                    }

                    > span:nth-child(3){
                        color:#aaa;
                    }
                }

                > p:nth-child(2){
                    color:#aaa;
                }
            }
        }
    }

    .showAll {
        width: 100%;
        height: 100px;
    }
}